<template>
  <div class="hello">
    <img alt="Vue logo"
         src="@/assets/img/logo.png" />
    <h1>Welcome to Your Vue.js App</h1>
    <h3>base-url：{{ baseUrl }}</h3>
    <div class="icon_svg">
      以下是icon-svg
      <icon-svg name="see" />
      <icon-svg name="user" />
    </div>
  </div>
</template>

<script>
export default {
    name: 'HelloWorld',
    data() {
        return {
            baseUrl: window.SITE_CONFIG['baseUrl'],
        };
    },
    created() {
        this.$http({
            url: `/code`,
            method: 'get',
        }).then(res => {
            this.$message.success('123');
            console.log(res);
        });
    },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.hello {
    .icon_svg {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
</style>
